@each $type in visible, hidden, scroll, auto, inherit {
  .o-#{$type} {
    overflow: $type;
  }
  .o-x-#{$type} {
    overflow-x: $type;
  }
  .o-y-#{$type} {
    overflow-y: $type;
  }
}
